<template>
  <div class="son1-wrap">
    <h3>我是父组件</h3>
    <Sun1></Sun1>
  </div>
</template>

<script>
import Sun1 from '@/components/Sun1.vue';

export default {
  name: 'Son1',
  components: {
    Sun1
  },
  setup() {
    return {};
  }
};
</script>

<style lang="scss" scoped>
.son1-wrap {
  background-color: skyblue;
  padding: 30px;

  & > h3 {
    margin-bottom: 30px;
  }
}
</style>
